<template>
  <div class="box flex-al al-start">
    <p class="b-t">
      第七届中国装饰设计奖暨“CBDA设计奖”终评会圆满收官第七届中国装饰设计奖暨“CBDA设计奖”终
      第七届中国装饰设计奖暨“CBDA设计奖”终评会圆满收官第七届中国装饰设计奖暨“CBDA设计奖”终
    </p>
    <p class="s-t">
      第七届中国装饰设计奖暨“CBDA设计奖”终评会圆满收官第七届中国装计奖暨“CBDA奖”终第七届中国装饰设计奖暨“CBDA设计奖”终评会圆满收官第七届中国“CBDDA设计届中国装饰设计奖暨“CBDA设计届中国装饰设计奖暨“CBDA设计届中国装饰设计奖暨…
    </p>
  </div>
</template>
<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";

@Component
export default class ArticleProview extends Vue {}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
@import "~@/assets/less/flex.less";
@import "~@/assets/less/reset.less";
.box {
  width: 100%;
  .pointer;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 23px;
  .b-t {
    font-size: 18px;
    color: #303030;
    .blod;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .s-t {
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
</style>
